<template>
  <h3>模板语法</h3>
  <p>{{ msg }}</p>
  <!-- {}内允许写一个单一表达式(单行)，要求是表达式有值，如可以放在return后面 -->
  <p>{{ num + 1 }}</p>
  <p>{{ flag ? 'Yes' : 'No' }}</p>
  <p>{{ str.split('').reverse().join('') }}</p>
  <!-- {{}}不能识别标签，要用v-html，就像innerHtml和innerText的区别 -->
  <p>{{ rawHTml }}</p>
  <p v-html="rawHTml"></p>
</template>

<script>
  export default{
    data(){
      return{
        msg:'神奇的语法',
        num:10,
        flag:true,
        str:"hello",
        rawHTml:"<a href='https://bilibili.com'>bilibili</a>"
      }
    }
  }

</script>



